@charset "utf-8";
/* CSS Document */

/* Reiniciando los estilos CSS. Basado en el trabajo de Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, access, nav, section {
	display: block;
	text-decoration:none
}
body {
	line-height: 1;
	background:#FFF;
	text-decoration:none
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Estilos para la estructura de la web*/

body {
	padding: 0 10%;
	background:#CCC;
	font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#page {
	margin: 5%;
	max-width: 100%;
}
#main {
	max-width: 100%;
}
/*--------------------------------------------------------------------*/
/* Estilos para el menú de navegación principal:*/
header {
	text-align: center;
	color: #bbb;
	line-height: 1.3em;
	font-size: 17px;
	text-shadow: 1px 1px 0 white;
	background-color: #ececec;
	border-bottom: 1px solid #ebebeb;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #F7F6F6), color-stop(0.90, #E7E7E7) );
	background-image: -moz-linear-gradient( center bottom, #F7F6F6 10%, #E7E7E7 90% );
}
h1 {
	display: block;
	font-size: 17px;
	-webkit-margin-before: 5%;
	-webkit-margin-after: 5%;
	font-weight: bold;
}
nav {
	width:100%;
	background: #EEE;
}
/* Estilo para el ul principal*/
#access {
	list-style:none;
	list-style-position:inside;
	width:100%;
	margin-top:2%;
	display:block;
	text-align:center;
}
/* Cada opción principal del access*/
#access li {
	float:left;
	padding:0.5% 0;
	margin:2% 0;
	width:25%;
	position:relative;
	background:#FFF;
	border:2px #999 solid;
}
/* Subaccess */
/*Con display:none permanece escondido, 
position:absolute le dice que aparezca bajo la opción padre. 
Con top y right se dice a que altura de la opción debe aparecer.
z-index:1; se indica que sobreponga a cualquier otro elemento el subaccess.*/
#access li ul {
	list-style:none;
	list-style-position:inside;
	display:none;
	position:absolute;
	top:100%;
	left:1%;
	z-index:1;
}
/* Opciones de los subaccesss: */
#access li ul li {
	width:100%;
	padding:2% 2%;
	border:2px #999 solid;
}
/*--------------------------------------------------------------------*/
/* Configuración al pasar el mouse encima de un access */
/* Hace visible el ul del subaccess */
#access li:hover ul {
	display:block;
}
/* Visión de los enlaces */
#access a, #access a:visited {
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
/*--------------------------------------------------------------------*/
/*Estilos para las columnas de la página:*/
#primary {
	float: left;
	margin-top: 1%;
	margin-bottom:2%;
	width: 73%;
	background-color:#FFC;
	border: 1px solid #ebebeb;
	height: 500px;
}
aside {
	float: right;
	margin-top:1%;
	margin-bottom:2%;
	width: 26%;
	border: 1px solid #ebebeb;
	background-color: #F7F6F6;
	height: 500px;
}
footer {
	clear: both;
	background-color: #ececec;
	text-align: center;
	color: #bbb;
	font-size: 15px;
	text-shadow: 1px 1px 0 white;
	border-top: 1px solid #ebebeb;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #E7E7E7), color-stop(0.90, #F7F6F6) );
}
/*Estilos para la barra de búsqueda*/
.searchform {	/*Bloque de la barra*/
	margin:2% 2%;
	display: inline-block;
	zoom: 1;
 *display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
 -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input { /*Texto de búsqueda*/
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield { /*Campo de búsqueda*/
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 150px;
	border: solid 1px #bcbbbb;
	outline: none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton { /*Botón de búsqueda*/
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top, #9e9e9e, #454545);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
 -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
